
//task growth
var switchPic = (function() {

    /*
   now:当前第几个li
   linum:总共几个li
   shownum:要展示几个li
   w_li:li的宽度
   marginR_li:li的右边距
   */
    var now = 1;
    var linum, shownum, offset, w_li, marginR_li, pre, next, wrap;

    function init(o) {
        pre = o.preBtn;
        next = o.nextBtn;
        wrap = o.wrap;
        bindBtn();
    }

    function btnShow() {
        getInfo();
        if(linum <= shownum) { //如果li总个数小于要展示的个数，pre和next都不显示
            pre.hide();
            next.hide();
        } else if(now == 1) { //初始化，只显示next
            pre.hide();
            next.show();
        } else if(now == linum - shownum + 1) { //到最后一组，只显示pre
            pre.show();
            next.hide();
        } else { //中间pre,next都显示。
            pre.show();
            next.show();
        }
    }

    function getInfo() {
        linum = $("#switchPic").find("li").size();

            shownum = 2;
            w_li = wrap.find("li").outerWidth(); //算上了border的宽度
            marginR_li = parseInt(wrap.find("li").css("marginRight"));
            offset = w_li + marginR_li;

    }

    function bindBtn() {
        btnShow();
        next.on("click", function() {
            now++;
            btnShow();
            wrap.stop(true).animate({
                "margin-left": -(now - 1) * offset
            });
        });
        pre.on("click", function() {
            now--;
            btnShow();
            wrap.stop(true).animate({
                "margin-left": -(now - 1) * offset
            });
        });

        $(window).resize(function() {
            now = 1;
            btnShow();
            wrap.animate({
                "margin-left": 0
            });
        });
    }
    return {
        init: init
    }
})();

switchPic.init({
    preBtn: $(".arrowbtn-left"),
    nextBtn: $(".arrowbtn-right"),
    wrap: $("#switchPic")
});
